<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue绑定鼠标事件</title>
    <script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.min.js"></script>
        <style type="text/css">
            .box{
                width: 200px;
                height: 200px;
                border: 1px solid pink;
            }
        </style>
</head>
<body>
    <div id="app">
        <div class="box" @mouseover="fn1()">
            div
        </div>
    </div>
    <script type="text/javascript">
        new Vue({
            el:"#app",
            data:{

            },
            methods:{
                fn1(){
                    alert("鼠标移入了.....");
                }
            }
        });
    </script>
</body>
</html>